@import "mixin-fun";
body,html{
    margin: 0;
    padding: 0;
    height: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/bg_c.png);
    background-size: contain;
    position: relative;
    text-align: center;
    background-repeat: repeat-x;
    background-position: center center;
    background-color: #91cac3;
}
.app{
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/bg_plane.png);
    background-size: 70%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    & img{
        max-width:100%;
    }
    .left_logo{
        width: rem(130);
        position: absolute;
        top:0;
        left:0;
    }
    .right_logo{
        position: absolute;
        width: rem(270);
        top:rem(40);
        left: 50%;
        margin-left:rem(-135);
    }
    .title{
        width: 70%;
        height: rem(125);
        margin: 0 auto;
        margin-top: rem(170);
    }
    .bottom_logo{
        position: absolute;
        height: rem(345);
        bottom: 0;
        text-align: center;
        width: 100%;
    }
    .content{
        width: 100%;
        position: absolute;
        bottom: rem(30);
        .phone,.btn{
            width: 48%;
            height: rem(50);
            margin: 0 auto;
            border-radius: 5px;
            box-shadow: rem(5) rem(5) 0 rgba(0, 105, 52, 1);
            & input{
                height: rem(50);
                font-size: rem(21);
                border-radius: 5px;
            }
        }
        .btn{
            color: #009944;
            background-color: #ffffff;
            line-height: rem(50);
            margin-top: rem(20);
            font-size: rem(32);
            font-weight: 700;
        }
        .footer{
            width: 85%;
            margin: 0 auto;
            height: rem(45);
            line-height: rem(45);
            color: #fff;
            background-color: #15ae67;
            border-radius: 5px;
            margin-top: rem(40);
            .checkbox,.checkbox1,.checkbox2{
                display: inline-block;
                vertical-align: middle;
                width: rem(30);
                height: rem(30);
                position: relative;
                margin-top: rem(-3);
            }
            .check{
                visibility: hidden;
            }
            .checkbox label,.checkbox1 label,.checkbox2 label{
                position: absolute;
                left: -15px;
                top:0px;
                width: rem(30);
                height: rem(30);
                background-image: url(../img/icon_checkbox_U.png) no-repeat;
                background-size: 20px 20px;
                margin-left: 28px;
                background-color: #fff;
            }
            .checkbox1 label,.checkbox2 label{
                width: rem(30);
                height: rem(30);
                background-color: #fff;
            }
            .checkbox1 .check:checked + label{
                background: url(../img/icon_radio_S.png) no-repeat center center;
                background-size: 16px 16px;
                background-color: #fff;
            }
        }
    }
}